<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta target="_blank">
    <link rel="shortcut icon" href="./images/2.jpg" type="image/x-icon">
    <link rel="stylesheet" href="./CSS/bootstrap.min.css">
    <link rel="stylesheet" href="./CSS/personal-info-main.css">
    <link rel="stylesheet" href="./CSS/personal-info-animate.css">
    <link rel="stylesheet" href="./CSS/animate.min.css">
    <link href="./CSS/aos.css" rel="stylesheet">

    <title>关于我</title>

</head>


<body>
    <div class="fakeLoader"></div>

    <div class="profile-page">

        <div class="page-header">


            <nav class="navbar navbar-expand-md bg-primary navbar-dark">
                <div class="container-fluid container">
                    <a class="navbar-brand log" href="#"></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#collapsibleNavbar">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a class="nav-link" href="#about">基本资料</a></li>
                            <li class="nav-item"><a class="nav-link" href="#skill">专业技能</a></li>
                            <li class="nav-item"><a class="nav-link" href="#project">项目经验</a></li>
                            <li class="nav-item"><a class="nav-link" href="#work">工作经历</a></li>
                            <li class="nav-item"><a class="nav-link" href="#others">其他经历</a></li>
                            <li class="nav-item"><a class="nav-link" href="#contact">联系方式</a></li>
                        </ul>
                    </div>
                </div>
            </nav>

            <a href="#about" class="go" title="Read More">
                <svg t="1628741268385" class="j-icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="5238" width="32" height="32">
                    <path
                        d="M780.190476 498.070349c0 4.534857-2.21054 9.638603-5.461333 13.003175l-255.024762 263.476825c-3.299556 3.397079-8.208254 5.640127-12.580571 5.640127-4.388571 0-9.313524-2.275556-12.580572-5.640127l-255.024762-263.476825a19.732317 19.732317 0 0 1-5.461333-13.003175c0-4.518603 2.21054-9.622349 5.461333-12.98692l27.355429-28.265651c3.299556-3.397079 7.671873-5.640127 12.580571-5.640127 4.388571 0 9.313524 2.275556 12.564318 5.640127L507.12381 679.042032l215.105015-222.224254c3.283302-3.397079 8.192-5.640127 12.564318-5.640127 4.388571 0 9.313524 2.275556 12.580571 5.640127l27.355429 28.281905c3.283302 3.380825 5.461333 8.452063 5.461333 12.970666z m0-217.120508c0 4.534857-2.21054 9.638603-5.461333 13.003175l-255.024762 263.476825c-3.299556 3.397079-8.208254 5.640127-12.580571 5.640127-4.388571 0-9.313524-2.275556-12.580572-5.640127l-255.024762-263.476825a19.732317 19.732317 0 0 1-5.461333-13.003175c0-4.518603 2.21054-9.622349 5.461333-12.98692l27.355429-28.265651c3.299556-3.397079 7.671873-5.640127 12.580571-5.640127 4.388571 0 9.313524 2.275556 12.564318 5.640127L507.12381 461.937778l215.105015-222.224254c3.283302-3.397079 8.192-5.640127 12.564318-5.640127 4.388571 0 9.313524 2.275556 12.580571 5.640127l27.355429 28.281905c3.283302 3.380825 5.461333 8.452063 5.461333 12.970666z"
                        p-id="5239" fill="#1296db"></path>
                </svg>
            </a>
            <div class="page-header-mask"></div>
            <div class="page-header-particles" id="particles-js"></div>


            <div class="container">
                <div class="col-sm-12  .col-xs-12">
                    <div class="left-content">
                        <div class="row-no-use" style="height: 40px;"></div>
                        <div class="personalImage">
                            <a href="javascript:void(0)">
                                <img class="myphoto" src="" alt="个人图片">
                            </a>
                        </div>

                        <div class="name-container">
                            <h2 class="name"><br></h2>
                        </div>

                        <div class="motto-container">
                            <p class="motto"></p>
                        </div>

                        <div class="intro-container bb">
                            <span class="info self-intro ">
                                青青子衿，悠悠我心<br>
                                但为君故，沉吟至今<br>
                                相遇即是缘分<br>
                                很高兴见到你!
                            </span>
                        </div>

                        <div id="myButtons2" class="bs-example">
                            <a href="#contact" class="hvr-bounce-to-right animate__backInRight">联系我</a>
                        </div>
                    </div>
                </div>
            </div>


        </div>

        <section class="about-section" id="about">
            <div class="container">
                <h2 class="section-title" data-aos="fade-up" data-aos-offset="10">基本资料</h2>
                <div class="card" data-aos="fade-up" data-aos-offset="100">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="card-body">
                                <div class="h4 mt-0 title">关于我</div>
                                <span class="me"></span>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="card-body">
                                <div class="h4 mt-0 title">基本信息</div>
                                <div class="row">
                                    <div class="col-sm-4 col-xs-4"><strong>姓名:</strong></div>
                                    <div class="col-sm-8 col-xs-8 gg name"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong>性别:</strong></div>
                                    <div class="col-sm-8 sex"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">年龄:</strong></div>
                                    <div class="col-sm-8 age"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">电话:</strong></div>
                                    <div class="col-sm-8 phone"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">邮箱:</strong></div>
                                    <div class="col-sm-8 email"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">地址:</strong></div>
                                    <div class="col-sm-8 address"></div>
                                </div>

                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">期望岗位:</strong></div>
                                    <div class="col-sm-8 for-work"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="skill-section" id="skill">
            <div class="container">
                <h2 class="section-title" data-aos="fade-up" data-aos-offset="10">专业技能</h2>
                <div class="card" data-aos="fade-up" data-aos-offset="100" data-aos-anchor-placement="top-bottom">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 p">
                            <div class="card-body skill-body">
                                <!-- <div class="progress_bar">
                                    <div class="pro-bar">
                                        <small class="progress_bar_title">
                                            Java
                                            <span class="progress_number">%</span>
                                        </small>
                                        <span class="progress-bar-inner p-a"
                                            style="background-color: #1abc9c; width: 80%;" data-value="80"
                                            data-percentage-value="80"></span>
                                    </div>
                                </div>

                                <div class="progress_bar">
                                    <div class="pro-bar">
                                        <small class="progress_bar_title">
                                            GoLang
                                            <span class="progress_number">%</span>
                                        </small>
                                        <span class="progress-bar-inner p-a"
                                            style="background-color: #bc1a99; width: 77%;" data-value="77"
                                            data-percentage-value="77"></span>
                                    </div>
                                </div>

                                <div class="progress_bar">
                                    <div class="pro-bar">
                                        <small class="progress_bar_title">
                                            SQL
                                            <span class="progress_number">%</span>
                                        </small>
                                        <span class="progress-bar-inner p-a"
                                            style="background-color: #cedf3c; width: 75%;" data-value="75"
                                            data-percentage-value="75"></span>
                                    </div>
                                </div>

                                <div class="progress_bar">
                                    <div class="pro-bar">
                                        <small class="progress_bar_title">
                                            HTML5
                                            <span class="progress_number">%</span>
                                        </small>
                                        <span class="progress-bar-inner p-a"
                                            style="background-color: #ec1b1b; width: 67%;" data-value="67"
                                            data-percentage-value="67"></span>
                                    </div>
                                </div>

                                <div class="progress_bar">
                                    <div class="pro-bar">
                                        <small class="progress_bar_title">
                                            CSS3
                                            <span class="progress_number">%</span>
                                        </small>
                                        <span class="progress-bar-inner p-a"
                                            style="background-color: #c95a11; width: 60%;" data-value="60"
                                            data-percentage-value="60"></span>
                                    </div>
                                </div>

                                <div class="progress_bar">
                                    <div class="pro-bar">
                                        <small class="progress_bar_title">
                                            JavaScript
                                            <span class="progress_number">%</span>
                                        </small>
                                        <span class="progress-bar-inner p-a"
                                            style="background-color: #2a1abc; width: 70%;" data-value="70"
                                            data-percentage-value="70"></span>
                                    </div>
                                </div> -->
                            </div>


                        </div>

                        <div class="col-lg-6 col-md-12 skill-about">
                            <div class="card-body">
                                <div class="h4 mt-0 title">技能描述</div>
                                <div class="desc">

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section class="portfolio-section" id="project">
            <div class="tab-content gallery mt-5">
                <h2 class="section-title" data-aos="fade-up" data-aos-offset="10">作品展示</h2>
                <div class="container">
                    <div class="ml-auto mr-auto portfolio-section-main-container">
                        <!-- <div class="row">
                            <div class="col-md-4">
                                <div class="porfolio-image img-raised" data-aos="fade-up"
                                    data-aos-anchor-placement="top-bottom">
                                    <a href="#web-development" title="点击查看详细信息">
                                        <figure class="portfolio-section-main"><img src="./images/index_background.jpg"
                                                alt="Image" />
                                            <figcaption>
                                                <div class="h4">Project2</div>
                                                <p>qrwqrqrwq</p>
                                            </figcaption>
                                        </figure>
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="porfolio-image img-raised" data-aos="fade-up"
                                    data-aos-anchor-placement="top-bottom">
                                    <a href="#web-development" title="点击查看详细信息">
                                        <figure class="portfolio-section-main"><img src="./images/index_background.jpg"
                                                alt="Image" />
                                            <figcaption>
                                                <div class="h4">Project3</div>
                                                <p>qwrwqrqwrwqrqwsa</p>
                                            </figcaption>
                                        </figure>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="porfolio-image img-raised" data-aos="fade-up"
                                    data-aos-anchor-placement="top-bottom">
                                    <a href="#web-development" title="点击查看详细信息">
                                        <figure class="portfolio-section-main">
                                            <img src="./images/index_background.jpg" alt="Image" />
                                            <figcaption>
                                                <div class="h4">Project1</div>
                                                <p>qeweq</p>
                                            </figcaption>
                                        </figure>
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="porfolio-image img-raised" data-aos="fade-up"
                                    data-aos-anchor-placement="top-bottom">
                                    <a href="#web-development" title="点击查看详细信息">
                                        <figure class="portfolio-section-main"><img src="./images/index_background.jpg"
                                                alt="Image" />
                                            <figcaption>
                                                <div class="h4">Project2</div>
                                                <p>qrwqrqrwq</p>
                                            </figcaption>
                                        </figure>
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="porfolio-image img-raised" data-aos="fade-up"
                                    data-aos-anchor-placement="top-bottom">
                                    <a href="#web-development" title="点击查看详细信息">
                                        <figure class="portfolio-section-main"><img src="./images/index_background.jpg"
                                                alt="Image" />
                                            <figcaption>
                                                <div class="h4">Project3</div>
                                                <p>qwrwqrqwrwqrqwsa</p>
                                            </figcaption>
                                        </figure>
                                    </a>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>

            </div>


        </section>

        <section class="experience-section" id="work">
            <div class="container">
                <h2 class="section-title" data-aos="fade-in" data-aos-offset="10">工作经历</h2>
                <!-- <div class="card">
                    <div class="row">
                        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50"
                            data-aos-duration="500">
                            <div class="card-body">
                                <p class="time">
                                    2020/7/1 — 2021/8/10
                                </p>
                                <strong class="work"><br> 阎王殿实习生</strong>
                            </div>
                        </div>
                        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
                            <div class="card-body">
                                <p><strong>阎王殿研发部</strong></p>
                                <p>随着阴历7月15中元节的到来，阎王殿的任务愈发庞大，我以及我所在小组主要负责阎王谱后台部分，拟在解决千万访问并发问题，经过不械努力，使得产品稳定、高效的运行。</p>
                                <p>随着阴历7月15中元节的到来，阎王殿的任务愈发庞大，我以及我所在小组主要负责阎王谱后台部分，拟在解决千万访问并发问题，经过不械努力，使得产品稳定、高效的运行。</p>
                            </div>
                        </div>
                    </div>
                    
                </div> -->
            </div>
        </section>



        <section class="others-section" id="others">
            <div class="container" data-aos="fade-up" data-aos-offset="100">
                <h2 class="section-title">其它经历</h2>
                <div class="col-sm-12 col-xs-12">
                    <div class="content-timeline-border">
                        <div class="timeline-left">
                            <span></span>
                            <ul class="timeul">
                                <!-- <li>
                                    <div class="time-title">2021-02-15</div>
                                    <span></span>
                                    <div class="time-content">
                                        <h5>蓝桥杯省三等奖</h5>
                                        <p>emmmmm。</p>
                                    </div>

                                </li>

                                <li>
                                    <div class="time-title">你爱我</div>
                                    <span></span>
                                    <div class="time-content">
                                        <h5>团队程序设计天梯赛团队省二等奖，个人全国三等奖</h5>
                                        
                                    </div>
                                </li> -->


                            </ul>
                        </div>
                        <div class="timeline-right">
                            <span></span>
                            <ul class="timeul">
                                <!-- <li>
                                    <div class="time-title">2021-06-15</div>
                                    <span></span>
                                    <div class="time-content">
                                        <h5>校赛三等奖</h5>
                                        <p></p>
                                    </div>
                                </li> -->


                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="contact-section" id="contact">
            <div class="container">
                <h2 class="section-title" data-aos="fade-in" data-aos-offset="10">联系我</h2>
                <div class="main">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card mb-0" data-aos="zoom-in" data-aos-offset="100">

                                <div class="row">
                                    <div class="col-sm-6 col-xm-12 col-md-6">
                                        <div class="card-body">

                                            <p><strong>邮件联系我</strong></p>
                                            <div class="row mb-3">
                                                <div class="col">
                                                    <div class="input-group"><span class="input-group-addon"><svg
                                                                t="1628783460111" class="icon" viewBox="0 0 1024 1024"
                                                                version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                                p-id="2051" width="16" height="16">
                                                                <path
                                                                    d="M550.079952 1023.808H229.120354A132.607834 132.607834 0 0 1 96.00052 891.712165V132.097115A132.479834 132.479834 0 0 1 229.120354 0.00128h565.759292c73.471908 0 133.119834 59.071926 133.119834 132.095835v627.519215c1.919998 126.143842-127.80784 265.471668-266.239667 264.19167H550.079952V1024h75.391906v-195.071756c0-48.447939 11.519986-61.119924 58.879927-61.119924h241.407698l-0.639999-74.239907-110.591862 1.151999H636.991844c-81.471898-1.151999-87.167891 54.335932-86.911892 75.903905l-0.255999 9.855987v11.711986l0.255999 231.61571zM337.472218 341.312853h349.055564a35.839955 35.839955 0 0 0 34.943956-36.607954 35.775955 35.775955 0 0 0-34.943956-36.543954H337.472218a35.775955 35.775955 0 0 0-34.943956 36.543954c0 20.223975 15.67998 36.607954 34.943956 36.607954z m104.703869 121.855848H337.472218a35.775955 35.775955 0 0 0-34.943956 36.543954c0 20.159975 15.67998 36.543954 34.943956 36.543955h168.703789a35.839955 35.839955 0 0 0 34.943957-36.543955 35.839955 35.839955 0 0 0-34.943957-36.607954h-63.99992z"
                                                                    p-id="2052">

                                                                </path>
                                                            </svg>
                                                        </span>
                                                        <input class="form-control subject" type="text" name="Subject"
                                                            placeholder="主题" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-3">
                                                <div class="col">
                                                    <div class="input-group">
                                                        <textarea class="form-control message" name="message"
                                                            placeholder="message" rows="5"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col">
                                                    <button class="btn btn-primary send-btn">Send</button>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card-body">
                                            <p class="mb-0"><strong>电话</strong></p>
                                            <p class="pb-2 phone"></p>
                                            <p class="mb-0"><strong>邮箱</strong></p>
                                            <p class="pb-2 email"></p>
                                            <p class="mb-0"><strong>地址</strong></p>
                                            <p class="pb-2 address"></p>
                                            <p class="mb-0"><strong>QQ</strong></p>
                                            <p class="qq"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">

                                        <dic class="card-body">
                                            <div class="container text-center icon-insert">

                                                <!-- <a class="my-tooltip" href="#" title="访问我的CSDN主页">
                                                    <img src="./svg/csdn.svg" alt="我的CSDN主页">

                                                    <span class="my-tooltiptext">我的CSDN主页</span>
                                                </a>

                                                <a class="my-tooltip" href="#" title="访问我的CSDN主页">
                                                    <img src="./svg/github.svg" alt="">
                                                    <span class="my-tooltiptext">我的Github主页</span>
                                                </a> -->

                                            </div>
                                        </dic>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <section class="footer">
        <div style="padding: 20px;" class="container">
            中网文（2018)228-024号 | Copyright 2020-2030 me.com All Rights Reserved| 郑公备：41011002002133215 | 豫公网安备
            x-41010202002051号
        </div>
    </section>
</body>
<script src="./JS/jquery-3.6.0.js">
</script>
<script src="./JS/popper.min.js">
</script>
<script src="./JS/bootstrap.min.js">
</script>

<script src="./JS/particles.min.js"></script>
<script src="./JS/app.js"></script>
<script src="./JS/aos.js"></script>
<script src="./JS/personal-info-main.js"></script>
<script>
    AOS.init();
</script>



</html>